<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/directory/detail.css" />
    <script src="../../js/statistics.js"></script>
    <style>
        .header a{
            color:#fff;
        }
        #ul li{
            width:100%;
            text-align:left;
            padding-left:15px;
            color:#666;
            padding-top:0;
            line-height:2;
            font-size:14px;
        }
        .mui-content ul #tel_phone p:last-child{
        	color:#43AC45;
        }
        .mui-content ul #tel_phone p:after{
        	background: url(../../images/icon/executive_housekeeper/phone.jpg) no-repeat 3px 2px;
        	content: '';
		    display: inline-block;
		    width: 16px;
		    height: 100%;
		    vertical-align: -webkit-baseline-middle;
		    background-size: 89%;
        }
        .mui-content img{
            width:100%;
            margin:0;
            padding:0;
        }
        ul>p{
            margin-top: -5px;
            padding-top: 5px;
        }
        
  </style>
</head>

<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" id='title'>福利中心管理</h1>
</header>

<div id='map'></div>
<div class='mui-content'>
    <ul class='mui-table-view info'>
        <img src="../../images/icon/executive_housekeeper/YL.jpg" alt="">
        <p class='li_title'><i></i>基本信息</p>
        <!--<li class='mui-table-view-cell'>-->
            <!--<p>名&emsp;&emsp;称</p>-->
            <!--<p>河东市别敲</p>-->
        <!--</li>-->
        <!--<li class='mui-table-view-cell'>-->
            <!--<p>负 责 人</p>-->
            <!--<p>黄国平</p>-->
        <!--</li>-->
        <!--<li class='mui-table-view-cell tel' id="tel">-->
            <!--<p>办公电话</p>-->
            <!--<p class='tell'>87037130</p>-->
        <!--</li>-->
        <!--<li class='mui-table-view-cell tel' id="tel_phone">-->
            <!--<p>手机号码</p>-->
            <!--<p>87037130</p>-->
        <!--</li>-->
        <!--<li class='mui-table-view-cell' id="address">-->
            <!--<p>具体地址</p>-->
            <!--<p class='address'>河东市溧城镇南大街137号</p>-->
        <!--</li>-->
    </ul>
<!--
    <ul class='mui-table-view main' id="ul">
        <p class='li_title'><i></i>简介信息</p>
        <li>&emsp;&emsp;河东市别桥镇敬老院坐落于湖边老集镇，交通极为便利，我们的业务活动有；收容收养，本单位是国有企业，我们将以国家及信用为你提供相关业务，欢迎大家与我们联系。</li>
    </ul>-->
</div>
<script src="../../plugins/jquery/jquery-3.1.0.min.js" type="text/javascript" ></script>
<script src="../../plugins/mui/mui.min.js"></script>
<!--<script src="../../plugins/template/template.js" type="text/javascript" ></script>-->
<script src="../../js/md5.js" type="text/javascript"></script>
<script src="../../js/getApiToken.js" type="text/javascript"></script>
<!--<script type="text/javascript" src="../../js/judge.js" ></script>-->
<script type="text/javascript">
    mui.init();
    console.log('----')
    var array=  {
        	'name':['河东市溧城镇社会福利中心','河东市别桥社会福利中心','河东市上黄社会福利中心','河东市埭头社会福利中心','河东市天目湖社会福利中心','河东市戴埠社会福利中心','河东市竹箦社会福利中心','河东市南渡社会福利中心','河东市上兴社会福利中心','河东市社渚社会福利中心','河东市社会福利中心','戴埠颐和康复中心','阳光生态颐养公寓','汤桥养老公寓','虹枫老年福利中心','燕山老年康乐苑'],
        	'principal':['陈菊芳','滕秋国','方建华','薛元虎','高土平','魏保强','陆和平','张卫平','王富才','高明霞','马小飞','徐蓓芬','孙  昌','张国','王水明','钱在法'],
        	'tel':['87106516','87879575','87392629','87362778','87465668','87910649','87726097','87623711','87730371','87521590','87320954','87916805','无','无','无','无'],
        	'tel_phone':['13921067989','13961482188','15051925288','13776395183','13915854086','13801499586','13961272618','13961274018','13814779906','13961288232','18362265777','13382838289','18915859999','13063914188','18906148897','13801491958'],
        	'address':['河东市博爱路68号','河东市别桥镇湖边老集镇','河东市东桥南路与扬子东路交叉口东150米','河东市埭头镇','河东市茶亭烈山路山边村','河东市戴埠镇新桥集镇','河东市竹箦镇陆笪村','河东市宁新路北50米','河东市牌楼路12号','河东市社徐线与002县道交叉口东200米','河东市溧城镇','河东市东河沿北路与东街交叉口东100米','河东市埭头镇后六村委孔家村','河东市汤桥街道汤桥村','河东市天目湖环湖东路2号','河东市溧城镇燕山南路68号'],
//      	'tel':['博爱路','湖边老集镇','扬子东路','画诗路','','','','','','','','','','','',''],
        }
        

     console.log(array.principal);
    mui.plusReady(function() {
        var ws = plus.webview.currentWebview(),
                value = ws.value;
        console.log(value);
        var html="<li class='mui-table-view-cell'>"+
                    "<p>"+"名&emsp;&emsp;称"+"</p>"+
                    "<p>"+array.principal[value]+"</p>"+
                "</li>"+
                "<li class='mui-table-view-cell'>"+
                    "<p>"+"负 责 人"+"</p>"+
                    "<p>"+array.name[value]+"</p>"+
                "</li>"+
                "<li class='mui-table-view-cell tel' id='tel'>"+
                    "<p>"+"办公电话"+"</p>"+
                    "<p class='tell'>"+array.tel[value]+"</p>"+
                "</li>"+
                "<li class='mui-table-view-cell tel' id='tel_phone'>"+
                    "<p>"+"手机号码"+"</p>"+
                    "<p>"+array.tel_phone[value]+"</p>"+
                "</li>"+
                "<li class='mui-table-view-cell' id='address'>"+
                    "<p>"+"具体地址"+"</p>"+
                    "<p class='address'>"+array.address[value]+"</p>"+
                "</li>";
//        $('ul').html=html;
        $('.info').append(html);



        $('body').delegate('.tel', 'tap', function(e) {
            var telephone = $('.tell').text();
            mui.confirm('确定拨打电话：' + telephone + '吗？', '提示', function(value) {
                if(value.index == 1) {
                    plus.device.dial(telephone, false);
                }
            }, ['确定', '取消']);
            e.preventDefault();
           
        });
        $('body').delegate('#address', 'touchstart', function(e) {
            var address = $('.address').text();
            // 设置目标位置坐标点和其实位置坐标点
//					var map = new plus.maps.Map('map');
//					map.getUserLocation(function(status,point) { //获取当前位置
//						plus.maps.Map.reverseGeocode(point,{},function(event){
//							var addressSrc = event.address;  // 转换后的地理位置
//							mui.openWindow({
//								url:'../executive_housekeeper/map.html',
//								id:'map.html',
//								extras:{
//									'address':address,
//									'startAddress':addressSrc
//								},
//								waiting:{
//									autoShow:true,//自动显示等待框，默认为true
//		      						title:'正在加载...',//等待对话框上显示的提示内容
//								}
//							})
//						},function(e){
//							alert("Failed:"+JSON.stringify(e));
//						});
//					})
            mui.openWindow({
                url:'map.html',
                extras:{
                    'address':address
                },
                waiting:{
                    autoShow:true,//自动显示等待框，默认为true
                    title:'正在加载...',//等待对话框上显示的提示内容
                }
            })
            e.preventDefault();
        });
    });
</script>
</body>

</html>